// 最新动态
.news-page{
	min-width: @main-width + 50 *2;
	.news-banner{
		height: 700px;
		background:#01091c url("../img/news_banner.jpg") center center no-repeat;
	}
	.news-title{
		text-align: center;
		font-size: 30px;
		color: #005bac;
		padding: 80px 0 60px;
		i{
			font-size: 16px;
			padding-left: 8px;
		}
	}
	.article-headline-wrap{
		.est-layout-page( @main-width );
		.clearfix();
		.line-left{
			float: left;
			height: 232px;
			img{
				.size(436px, 234px);
			}
		}
		.line-right{
			width: 619px;
			float: right;
			padding-bottom: 49px;
			h3{
				color: #005bac;
				font-size: 20px;
				padding:22px 0;
			}
			p{
				color: #6b6b6b;
				font-size: 13px;
				line-height: 20px;
				padding-bottom: 74px;
			}
		}
		.article-headline-bottom{
			.clearfix();
			line-height: 30px;
			span{
				color: #6b6b6b;
				font-size: 12px;
				em{
					color: #005bac;
				}
			}
			.article-all{
				.inline-block();
				width: 90px;
				font-size: 16px;
				float: right;
				color: #fff;
				text-align: center;
				background-color: #005bac;
				text-decoration: none;
				&:hover{
					text-decoration: underline;
				}
			}
		}
	}

	// 新闻列表
	.article-list-wrap{
		@gap: 16px; // li之间的间隙
		@li-w: 345px;
		@total-width: (@li-w + @gap * 2) * 3px;
		.article-list{
			.est-layout-page( @total-width );
			.clearfix();
			li{
				.transition(background-color 0.3s ease-out );
				.box-sizing( border-box );
				float: left;
				width: @li-w;
				margin: 0 @gap 30px;
				padding: 10px 10px 20px;
				background-color: #f7f7f7;
				a{
					text-decoration: none;
				}
				.article-img-wrap{
					.size(100%, 200px);
					overflow:hidden;
					img{
						.transition( 0.3s ease-out );
						width: 100%;
						height: 100%;
					}
				}
				.article-title{
					.transition( 0.3s ease-out );
					font-size: 18px;
					line-height: 30px;
					color: #424242;
				}
				.article-content{
					.transition( 0.3s ease-out );
					font-size: 14px;
					line-height: 28px;
					color: #777777;
				}
				.article-detail{
					.transition( 0.3s ease-out );
					.inline-block();
					.size(75px, 26px);
					line-height: 26px;
					border: 1px solid #6b6b6b;
					text-decoration: none;
					color: #838383;
					font-size: 14px;
					text-align: center;
					margin-top: 15px;
					&:hover{
						text-decoration: underline;
					}
				}
				.article-center-title{
					text-align: center;
					font-size: 18px;
					padding-top: 20px;
					color: #303e4d;
					display: block;
				}
				&:hover{
					background-color: #005bac;
					.article-img-wrap{
						img{
							.transform( scale(1.2) );
						}
					}
					.article-title,
					.article-content,
					.article-detail{
						color: #ffffff;
						border-color: #fff;
					}
					.article-center-title{
						color: #fff;
					}
				}
			}
		}
	}
}